html {
  font-size: 64px; }

header {
  padding-top: 50px; }
  header .navbar-default {
    background-color: #222;
    border: none; }
    header .navbar-default .navbar-nav .active > a, header .navbar-default .navbar-nav .active > a:hover {
      background-color: #080808;
      color: #fff; }
    header .navbar-default .navbar-nav > li > a {
      color: #9d9d9d; }
  header .navbar {
    margin-bottom: 0; }

.navbar-brand {
  padding: 7px 6px; }

.pl0 {
  padding-left: 0; }

.footer_nav {
  background: #3b3b3b;
  padding-top: 35px; }
  .footer_nav .left_footer {
    color: #a1a3ab; }
    .footer_nav .left_footer .nav_choose ul {
      list-style: none; }
      .footer_nav .left_footer .nav_choose ul li {
        display: inline-block; }
        .footer_nav .left_footer .nav_choose ul li a {
          font-size: 14px;
          color: #a1a3ab;
          text-decoration: none; }
    .footer_nav .left_footer .nav_cont {
      font-size: 12px;
      margin-top: 5px; }
  .footer_nav .right_footer {
    float: right;
    position: relative; }
    .footer_nav .right_footer .right_img {
      display: inline-block;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 20px; }
      .footer_nav .right_footer .right_img:first-child:hover .img_add {
        display: block; }
      .footer_nav .right_footer .right_img:first-child .img_add {
        position: absolute;
        top: -160px;
        left: -52px;
        display: none;
        transition: all 1s; }
      .footer_nav .right_footer .right_img:nth-child(2):hover .img_add {
        display: block; }
      .footer_nav .right_footer .right_img:nth-child(2) .img_add {
        width: 142px;
        height: 150px;
        position: absolute;
        top: -160px;
        left: 10px;
        display: none;
        transition: all 1s; }
        .footer_nav .right_footer .right_img:nth-child(2) .img_add img {
          width: 100%; }
      .footer_nav .right_footer .right_img:last-child:hover .img_add {
        display: block; }
      .footer_nav .right_footer .right_img:last-child .img_add {
        width: 142px;
        height: 150px;
        position: absolute;
        top: -160px;
        left: 41px;
        display: none;
        transition: all 1s; }
        .footer_nav .right_footer .right_img:last-child .img_add img {
          width: 100%; }

.pd0 {
  padding: 0; }

.mb45 {
  margin-bottom: 45px; }

.mb0 {
  margin-bottom: 0; }

.mt0 {
  margin-top: 0; }

@media (max-width: 767px) {
  .right_footer {
    display: none; } }

.blade {
  padding-top: 33px;
  position: relative; }
  .blade .remen {
    width: 40px;
    height: 100px;
    float: left;
    text-align: center;
    border-bottom: 13px solid transparent;
    border-left: 20px solid #e14738;
    border-right: 20px solid #e14738;
    position: absolute;
    top: 0; }
    .blade .remen p {
      font-size: 19px;
      color: #fff;
      background: #e14738;
      display: block;
      position: absolute;
      top: 25px;
      left: -9px; }
  .blade .blade_show {
    padding: 0; }
    .blade .blade_show img {
      width: 100%; }
  .blade .blade_all {
    float: right;
    text-align: right;
    padding: 0; }
    .blade .blade_all .blade_title {
      padding: 0; }
      .blade .blade_all .blade_title h2 {
        font-size: 29px; }
      .blade .blade_all .blade_title p {
        font-size: 12px;
        color: #898989;
        line-height: 31px; }
    .blade .blade_all .blade_pic .blade_img {
      border-radius: 5px;
      overflow: hidden;
      padding: 0;
      margin-bottom: 30px; }
      .blade .blade_all .blade_pic .blade_img img {
        width: 100%; }
      .blade .blade_all .blade_pic .blade_img:nth-child(2n) {
        margin-right: 0; }
      .blade .blade_all .blade_pic .blade_img img {
        width: 100%; }

.go_wrap {
  padding-top: 63px; }
  .go_wrap .go_all {
    padding: 0; }
    .go_wrap .go_all .go_title {
      padding: 0; }
      .go_wrap .go_all .go_title h2 {
        font-size: 27px; }
      .go_wrap .go_all .go_title p {
        font-size: 12px;
        color: #898989;
        line-height: 31px; }
    .go_wrap .go_all .go_pic {
      padding: 0; }
      .go_wrap .go_all .go_pic .go_img {
        border-radius: 5px;
        overflow: hidden;
        padding: 0;
        margin-bottom: 30px; }
        .go_wrap .go_all .go_pic .go_img img {
          width: 100%; }
        .go_wrap .go_all .go_pic .go_img:nth-child(2n) {
          margin-right: 0; }
        .go_wrap .go_all .go_pic .go_img img {
          width: 100%; }
  .go_wrap .go_show img {
    width: 100%; }

.examples_wrap {
  padding-top: 103px;
  padding-bottom: 92px; }
  .examples_wrap .examples_title h2 {
    font-size: 34px; }
  .examples_wrap .examples_all .examples_item {
    text-align: center;
    padding: 0;
    overflow: hidden;
    position: relative; }
    .examples_wrap .examples_all .examples_item:nth-child(3n) {
      margin-right: 0; }
    .examples_wrap .examples_all .examples_item .item_pic {
      overflow: hidden;
      border-radius: 3px;
      padding: 0;
      margin-bottom: 13px;
      margin-right: 0; }
      .examples_wrap .examples_all .examples_item .item_pic img {
        width: 100%; }
      .examples_wrap .examples_all .examples_item .item_pic:hover .examples_cont {
        transform: translateX(0); }
    .examples_wrap .examples_all .examples_item p {
      font-size: 13px; }
    .examples_wrap .examples_all .examples_item .examples_cont {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.55);
      padding: 14px;
      position: absolute;
      top: 0;
      transform: translateX(-100%);
      transition: all 1.5s linear; }
      .examples_wrap .examples_all .examples_item .examples_cont p {
        font-size: 13px;
        color: #fff; }

@media (max-width: 768px) {
  .examples_wrap .examples_all .examples_item .examples_cont p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; } }

@media (min-width: 768px) and (max-width: 992px) {
  .nav > li > a {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 992px) {
  .container {
    width: 970px;
    padding-left: 14px; } }

@media (min-width: 768px) {
  .navbar {
    border-radius: 0; } }
